﻿@{
    ViewBag.Title = "Index";
}

@section home{
    <link rel="Stylesheet" href="@Url.Content("~/Content/css/Home.css")" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery.carouFredSel-5.5.0-packed.js")" type="text/javascript"></script>
}

<div class="slider-holder">
    <!-- slider -->
    <div class="slider">
        <div class="socials">
            <a href="https://www.facebook.com/isfsports?fref=ts" target="_blank" class="icon">
            <img src="@Url.Content("~/Content/images/facebook.png")" class="ico" alt="facebookico" /></a> 
            <a href="https://twitter.com/isfsports" target="_blank" class="icon">
            <img src="@Url.Content("~/Content/images/twitter.png")" alt="facebookico" class="ico"/></a>
            <div class="cl">
                &nbsp;</div>
        </div>
        <ul>
            <li id="img1">
                <div class="slide-cnt">
                    <h4>Website Under Construction</h4>
                    <h2>Team OP</h2>
                    <p>
                        Follow the ISF on <a href="https://www.facebook.com/isfsports?fref=ts" target="_blank">Facebook</a>
                        and <a href="https://twitter.com/isfsports" target="_blank">Twitter</a></p>
                </div>
                <img src="@Url.Content("~/Content/images/uc.png")" alt="" />
            </li>
            <li id="img2">
                <div class="slide-cnt">
                    <h4>
                        Team OP</h4>
                    <h2>Wait to feel the blow</h2>
                    <p>
                        Website is still under construction. <a href="#">read more</a></p>
                </div>
                <img src="@Url.Content("~/Content/images/eigenlogozondertekst.png")" alt="" />
            </li>
        </ul>
    </div>
    <!-- end of slider -->
    <!-- thumbs -->
    <div id="thumbs-wrapper">
        <div id="thumbs">
            <a href="#img1" class="selected">
                <img alt="thumb1" src="@Url.Content("~/Content/images/thumb.jpg")" /></a> 
                <a href="#img2">
                    <img alt="thumb2" src="@Url.Content("~/Content/images/thumb.jpg")" /></a>
        </div>
        <a id="prev" href="#"></a><a id="next" href="#"></a>
    </div>
    <!-- end of thumbs -->
</div>
<div id="filling">
    <div class="homeResults" id="worldResultsAth">Ranking Atletiek</div>
    <div class="homeResults" id="worldResultsSw">Ranking Zwemmen</div>
    <div id="worldEvents">Laatste Events</div>
    <div id="aboutUs">About Us</div>
</div>